<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>例子</title>

    <style type="text/css">

        a{
            font-size: 10px;
        }

        .bk{
            width: 300px;
            border:  1px solid red;
            display: inline-block;
            margin: 5px 10px 5px 0px;
        }

        .price{
            color: gold;
            /*text-align: center;*/
        }

        .seller{
            color: wheat;
            /*text-align: center;*/
        }
        .rushi{
            color: wheat;
            text-align: right;
        }
        div {
            text-align: center;
        }
    </style>
</head>
<body>

<div style="height: 30px">
    <div id="nav" >
       <div style="float: left">
           <a  href="14例子.html" style="color: red">请登陆</a>
           <a  href="14例子.html" >免费注册</a>
           <a  href="14例子.html" >手机逛淘宝</a>
       </div>

        <div style="float: right">
            <a  href="13圆角属性.html" style="color: red">我的淘宝</a>
            <a  href="14例子.html" >购物车</a>
            <a  href="14例子.html" >收藏夹</a>
            <a  href="14例子.html" >收藏夹</a>
            <a  href="14例子.html" >收藏夹</a>
            <a  href="14例子.html" >收藏夹</a>
        </div>


    </div>


    <div>


    </div>
</div>


    <div id="items">
        <div class="bk">
            <div>
                <img src="img/002.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
               如实描述 4.8
            </div>
        </div>

        <div class="bk">
            <div>
                <img src="img/003.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>


        <div class="bk">
            <div>
                <img src="img/004.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>


        <div class="bk">
            <div>
                <img src="img/005.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>


        <div class="bk">
            <div>
                <img src="img/006.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>
        <div class="bk">
            <div>
                <img src="img/007.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>
        <div class="bk">
            <div>
                <img src="img/008.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>
        <div class="bk">
            <div>
                <img src="img/009.png" width="200px">
            </div>
            <div class="price">
                40.0 包邮
            </div>
            <div >
                Java是世界上最好的编程语言
            </div>
            <div class="seller">
                清风清洁用品店
            </div>
            <div class="rushi">
                如实描述 4.8
            </div>
        </div>
    </div>

</body>
</html>